<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册案例</title>
    <style>
    p {
        color:aqua;
      }
      /*  */
      h4 {
        color:aqua; 
        font-size: 24px;
      }
      .head 
      {
          color: yellow;
      }
    </style>
    
</head>
<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table  align=left  width =700 > 
         <!--first  -->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name = "sex" id="nan">
                <label for="nan" ><img src="images/p1.png" width="40" height ="25">男</label>   
                <input type="radio" name = "sex" id="nv" >
                <label for="nv"><img src="images/p1.png" width="40" height ="25" >女</label>
            </td>
        </tr>
        <!-- second -->
        <tr>
            <td class="head" >生日：</td>
            <td>
                <select>
                    <option select="selected">--请选择出生年份--</option>
                    <option>1995</option>
                    <option>1996</option>
                    <option>1997</option>
                    <option>1998</option>
                    <option>1999</option>
                    <option>2000</option>
                </select>
                <select>
                    <option select="selected">--请选择出生月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>
                <select>
                    <option select="selected">--请选择出生日期--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>
            </td>
        </tr>
        <!-- third -->
        <tr>
            <td>所在地区：</td>
            <td><input type="text" value="省（直辖市）"></td>
        </tr>
        <!-- fourth -->
        <tr>
            <td>婚姻状况：</td>
            <td>
                <input type="radio" name="marry" id="no" checked="checked"><label for="no">未婚</label>
                <input type="radio" name="marry" id="yes"><label for="yes">已婚</label>
                <input type="radio" name="marry" id="mid"><label for="mid">离婚</label>
            </td>
        </tr>
        <!-- five -->
        <tr> 
            <td>学历</td>
            <td>
                <input type="text" value="e.g.小学">
            </td>
        </tr>
       <!-- six -->
       <tr>
           <td>喜欢的类型：</td>
           <td>
            <input type="checkbox" name=love>妩媚的
            <input type="checkbox" name=love>可爱的
            <input type="checkbox" name=love>小鲜肉
            <input type="checkbox" name=love>老腊肉
            <input type="checkbox" name=love>都喜欢
        </td>
           
       </tr>
       <!-- seven -->
       <tr>
       <td>自我介绍：</td>
       <td>
       <textarea>个人简介</textarea>
      </td>
      </tr>
      <!-- eight -->
      <tr>
          <td></td>
          <td>
              <input type="submit" value="免费注册">
          </td>
      </tr>
      <!-- nine -->
      <td></td>
          <td>
              <input type="checkbox" checked="checked"  ><p>我同意注册条款和会员加入标准</p>
          </td>
      <!-- ten -->
      <tr>
      <td></td>
          <td>
              <a href="#" target ="_blank">我是会员，立即登录</a>
          </td>
        </tr>
      <!-- eleven -->
      <tr>
        <td></td>
            <td>
                <h3> 我承诺</h3>
                <ul>
                    <li>年满18岁，单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </td>
          </tr>
    </table>
</body>
</html>